<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="en-us">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="en-us" />
        <meta name="area" content="livedocs" />
        <title>Adobe Photoshop CS4 * Convert a color image to black and white</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-7676a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Adobe Photoshop CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/en_US/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WSC799D0E1-38B5-4edf-A136-2ABE147063AC.html" title="Adjust color saturation using Vibrance"><img src="images/blank.gif" alt="Previous" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSfd1234e1c4b69f30ea53e41001031ab64-765da.html" title="Improve shadow and highlight detail"><img src="images/blank.gif" alt="Next" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"><a href="WSfd1234e1c4b69f30ea53e41001031ab64-7693a.html">Color and tonal adjustments</a> /
     <a href="WSfd1234e1c4b69f30ea53e41001031ab64-7676a.html"><b>Adjusting image color and tone</b></a> 
     </div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Convert a color image to black and white
                </h1>
<!-- END PAGE TITLE -->
                <div><div class="section"><p>The
Black &amp; White adjustment lets you convert a color image to grayscale
while maintaining full control over how individual colors are converted.
You can also tint the grayscale by applying a color tone to the
image, for example to create a sepia effect. Black &amp; White functions
like the Channel Mixer, which also converts color images to monochrome
while allowing you to adjust color channel input.</p>
<p>For a video
on converting color images to black &amp; white, see <a href="http://www.adobe.com/go/vid0017" target="_blank">www.adobe.com/go/vid0017</a>.</p>
</div>
<ol><li class="stepexpand"><span>Do one of the following:</span><ul><li><p>Click the Black &amp; White icon&#160;<img src="images/black_and_white.png" /> or
a Black &amp; White preset in the Adjustments panel.</p>
</li>
<li><p>Choose Layer &gt; New Adjustment Layer &gt; Black
&amp; White. In the New Layer dialog box, type a name for the adjustment
layer and then click OK. </p>
</li>
</ul>
 <p>Photoshop applies a default grayscale conversion based
on the color mix in the image.</p>
<div class="para"><div class="note"><span class="notetitle">Note:  </span>You can also choose Image
&gt; Adjustments &gt; Black &amp; White. But keep in mind that this
method makes direct adjustments to the image layer and discards
image information. </div>
</div>
</li>
<li class="stepexpand"><span>In the Adjustments panel, manually adjust the conversion
using the color sliders, apply an Auto conversion, or select a previously
saved custom mix. </span> <dl><dt class="dlterm">Preset</dt>
<dd>Select a predefined grayscale mix or a previously saved
mix. To save a mix, choose Save Black &amp; White Preset from the
panel menu.</dd><p class="dlseparator"></p><dt class="dlterm">Auto</dt>
<dd>Sets a grayscale mix based on the color values of the
images, maximizing the distribution of gray values. The Auto mix
often produces excellent results, or can be used as the starting
point for tweaking gray values using the color sliders.</dd><p class="dlseparator"></p><dt class="dlterm">Color Sliders</dt>
<dd>Adjust the gray tones of specific colors in an image.
Drag a slider left to darken or right to lighten the gray tones
of an image’s original color.<ul><li><p>To adjust a particular
color component, select the On-image adjustment tool&#160;<img src="images/on_image_adjustment_tool.png" /> and
then click in the image. Drag left or right to modify the color
slider for the predominant color at that location, making it darker
or brighter in the image.<div class="fignone"><img alt="" id="on_image_adjustment_slider_placeholder" src="images/on_image_adjustment_slider_placeholder.png" /><div class="figdesc"></div><br /></div></p>
<div class="note"><span class="notetitle">Note:  </span>If you
are using the Black &amp; White dialog box instead of the Adjustments panel,
click and hold on an image area to activate the color slider for
the predominant color at that location, then drag horizontally to
shift the slider.</div>
</li>
<li><p>Click the Reset button&#160;<img src="images/reset.png" /> to
reset all color sliders to the default grayscale conversion.</p>
</li>
</ul>
</dd><p class="dlseparator"></p><dt class="dlterm">Preview</dt>
<dd>Deselect to view the image in its original color mode.</dd><p class="dlseparator"></p></dl>
</li>
<li class="stepexpand"><span>To apply a color tone to the grayscale, select the Tint
option and adjust the Hue and Saturation sliders as needed. The
Hue slider changes the tint color, the Saturation slider makes the
color more or less concentrated. Click the color swatch to open
the Color Picker and further fine-tune the tint color. </span></li>
</ol>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div>
</div>
                    <p><a href="http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7653a.html" title="http://help.adobe.com/en_US/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7653a.html">Mix color channels (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="community help (adobe.com)" href="http://www.adobe.com/go/lr_Photoshop_community_en">community help (adobe.com)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>